﻿<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>创新风采</title>
		<link rel="stylesheet" href="css/default.css" />
		<script type="text/javascript" src="js/jquery1.42.min.js"></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.source.js"></script>

	</head>

	<body>
		<div class="cont-box">
			<div class="cont-center">
				<div class="top">
					<img src="images/top-img.png" />
				</div>
				<div class="nav">
					<ul>
                        <li>
                            <a href="index.html">网站首页</a>
                        </li>
                        <li>
                            <a href="news.html">新闻中心</a>
                        </li>
                        <li>
                            <a href="news-cgzs.html" >成果展示</a>
                        </li>
                        <li>
                            <a href="news-zlzs.html">专利展示</a>
                        </li>
                  
					</ul>
				</div>
				<!--banner-->
				<div class="mt15 banner-new">
					<img src="images/news-cxfc.png" />

				</div>
				<!--新闻-->
				<div class="news overflow mt15">
					<div class="pull-left left-box">
						<div class="sm-banner-new">
							<img src="images/sm-cxfc.png" />
						</div>

						<div class="sideMenu mt10">
							<h3 class="on"><em></em>书签切换系列</h3>
							<ul>
								<li>淘宝首页右侧公告</li>
								<li>京东首页产品切换</li>
								<li>苏宁易购首页品牌切换</li>
								<li>1号店双重切换</li>
								<li>腾讯健康频道切换</li>
							</ul>

							<h3><em></em>幻灯片/焦点图系列</h3>
							<ul>
								<li>淘宝首页焦点图</li>
								<li>腾讯娱乐频道焦点图</li>
								<li>腾讯电影频道焦点图</li>
								<li>网易游戏频道焦点图</li>
								<li>易迅首页焦点图</li>
							</ul>
							<h3><em></em>带按钮切换</h3>
							<ul>
								<li>淘宝首页今日活动</li>
								<li>豆瓣读书频道</li>
								<li>天猫首页品牌切换</li>
								<li>格瓦拉首页活动进行中</li>
								<li>腾讯博客图片滚动</li>
							</ul>

						</div>
						<!-- sideMenu End -->
						<script type="text/javascript">
							jQuery(".sideMenu").slide({
								titCell: "h3",
								targetCell: "ul",
								defaultIndex: 1,
								effect: "slideDown",
								delayTime: 300,
								trigger: "click",
								defaultPlay: true
							});
						</script>
					</div>
					<div class="pull-right right-box">
						<div class="border-box">
							<div class="border-cont">
								<div class="nav-bar mb15 ml5 mr5">
									<img src="images/map.png" style="width:inherit;">
									<a>首页 </a>>
									<a> 成果展示</a> > 班组成果
								</div>
								
								<div class="search-bar overflow mb10">
									<div class="input-box pull-left">
										<input type="text" placeholder="请输入关键字" class="form-control" />
										<span class="input-group-addon">搜索</span>
									</div>
									<div class="select-box pull-right c666">
										年份筛选：
										<select>
										<option>2016</option>
										<option>2016</option>
										<option>2016</option>
										<option>2016</option>
										<option>2016</option>
										
										</select>
									</div>
								</div>
								<ul class="cg-show overflow mr5 ml5">
									<li>
										<a href="" target=" _blank ">
											<div class="cg-item ">
												<div class="cg-item-img ">
													<img src="http://www.gdxjdl.com/uploads/120927/2_191116_1.jpg ">
												</div>
												<div class="cg-item-cont ">
													<div class="c333 word-break">新型气焊车的开发新型气焊车的开发新型气焊车的开发新型气焊车的开发</div>
													<div class="ft12 c999 mt5 ">2016-11-12</div>
												</div>
											</div>
										</a>
									</li>
									<li>
										<a href=" target=" _blank="" "=" ">
									<div class="cg-item ">
										<div class="cg-item-img ">
											<img src="http://www.gdxjdl.com/uploads/120927/2_191116_1.jpg ">
										</div>
										<div class="cg-item-cont ">
											<div class="c333 word-break ">新型气焊车的开发新型气焊车的开发新型气焊车的开发新型气焊车的开发</div>
											<div class="ft12 c999 mt5 ">2016-11-12</div>
										</div>
									</div>
								</a>
							</li>
							<li>
								<a href=" " target=" _blank ">
									<div class="cg-item ">
										<div class="cg-item-img ">
											<img src="http://www.gdxjdl.com/uploads/120927/2_191116_1.jpg ">
										</div>
										<div class="cg-item-cont ">
											<div class="c333 word-break ">新型气焊车的开发新型气焊车的开发新型气焊车的开发新型气焊车的开发</div>
											<div class="ft12 c999 mt5 ">2016-11-12</div>
										</div>
									</div>
								</a>
							</li>
							<li>
								<a href=" target=" _blank"="">
											<div class="cg-item">
												<div class="cg-item-img">
													<img src="http://www.gdxjdl.com/uploads/120927/2_191116_1.jpg">
												</div>
												<div class="cg-item-cont">
													<div class="c333 word-break">新型气焊车的开发新型气焊车的开发新型气焊车的开发新型气焊车的开发</div>
													<div class="ft12 c999 mt5">2016-11-12</div>
												</div>
											</div>
										</a>
									</li>
									<li>
										<a href="" target=" _blank ">
											<div class="cg-item ">
												<div class="cg-item-img ">
													<img src="http://www.gdxjdl.com/uploads/120927/2_191116_1.jpg ">
												</div>
												<div class="cg-item-cont ">
													<div class="c333 word-break ">新型气焊车的开发新型气焊车的开发新型气焊车的开发新型气焊车的开发</div>
													<div class="ft12 c999 mt5 ">2016-11-12</div>
												</div>
											</div>
										</a>
									</li>
									<li>
										<a href="" target="_blank">
											<div class="cg-item">
												<div class="cg-item-img">
													<img src="http://www.gdxjdl.com/uploads/120927/2_191116_1.jpg">
												</div>
												<div class="cg-item-cont">
													<div class="c333 word-break">新型气焊车的开发新型气焊车的开发新型气焊车的开发新型气焊车的开发</div>
													<div class="ft12 c999 mt5">2016-11-12</div>
												</div>
											</div>
										</a>
									</li>
									<li>
										<a href="" target=" _blank ">
											<div class="cg-item ">
												<div class="cg-item-img ">
													<img src="http://www.gdxjdl.com/uploads/120927/2_191116_1.jpg ">
												</div>
												<div class="cg-item-cont ">
													<div class="c333 word-break ">新型气焊车的开发新型气焊车的开发新型气焊车的开发新型气焊车的开发</div>
													<div class="ft12 c999 mt5 ">2016-11-12</div>
												</div>
											</div>
										</a>
									</li>

								</ul>
							</div>
						</div>
					</div>
				</div>
				<!--底部-->
				<div class="foot mt15 ">
					<div class="foot-map ">
						<a>首页</a>|
						<a>新闻中心</a>|
						<a>成果展示</a>|
						<a>专利展示</a>|
						<a>创新风采</a>
					</div>
					<img src="images/kx.png " style="width:inherit " class="mt10 " />
					<p class="c666 mt10 ">国家电网公司版权所有</p>
				</div>
			</div>
		</div>
	</body>

</html>